<template>
	<view class="detailsBox">
		<!-- <view class="detailsNav">
			<view class="staBox" :class="status==0?'staBoxa':status==1?'staBox':status==2?'staBoxb':''">
				{{status==0?'已审核':status==1?'未审核':status==2?'拒绝':''}}
			</view>
			<image v-if="status==1" src="/static/pages/index/modifyImg.png" class="modifyImg" mode=""></image>
		</view> -->
		<!-- 详情区 -->
		<view class="detailsContent">
			<view class="detislNa">
				<view class="na">活动名称：</view>
				<view class="naC">
				{{ contentList.activity_name }}
				</view>
			</view>

			<view class="detislNa">
				<view class="na">店铺名称：</view>
				<view class="naC">{{ contentList.shop_name }}</view>
			</view>

			<view class="detislNaa">
				<view class="na">上传时间：</view>
				<view class="naC">{{ contentList.createtime }}</view>
			</view>
			<view class="detislNas">
				<view class="na">线索：</view>
				<view class="naC">{{ contentList.name }}</view>
			</view>
			<view class="detislNas">
				<view class="na">A卡：</view>
				<view class="naC">{{ contentList.mobile }}</view>
			</view>
			<view class="detislNas">
				<view class="na">订单：</view>
				<view class="naC">{{ contentList.cat_type }}</view>
			</view>
		</view>
	</view>
</template>

<script>
import { Filldetails } from '@/request/api.js';
export default {
	data() {
		return {
			id: '', // 数据ID
			contentList: {}
		};
	},
	onLoad(option) {
		console.log(option);
		Filldetails({
			id: option.id
		}).then(res => {
			console.log(res);
			this.contentList = res.data;
			uni.showToast({
				title: res.msg,
				icon: 'none'
			});
		});
	},
	onShow() {},
	methods: {}
};
</script>

<style lang="scss">
page {
	background-color: #ffffff;
}
.detailsBox {
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 40rpx;
	overflow: hidden;
	.detailsNav {
		width: 100%;
		display: flex;
		justify-content: space-between;
		height: 120rpx;

		.staBox {
			width: 120rpx;
			height: 50rpx;
			background: #f69518;
			border-radius: 0rpx 25rpx 0rpx 25rpx;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #f5f5f5;
			line-height: 50rpx;
			text-align: center;
			margin: 35rpx 0 0 40rpx;
		}
		.staBoxa {
			width: 120rpx;
			height: 50rpx;
			background: #1855f6;
			border-radius: 0rpx 25rpx 0rpx 25rpx;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #f5f5f5;
			line-height: 50rpx;
			text-align: center;
			margin: 35rpx 0 0 40rpx;
		}
		.staBoxb {
			width: 120rpx;
			height: 50rpx;
			background: #f61861;
			border-radius: 0rpx 25rpx 0rpx 25rpx;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #f5f5f5;
			line-height: 50rpx;
			text-align: center;
			margin: 35rpx 0 0 40rpx;
		}
		.modifyImg {
			width: 48rpx;
			height: 48rpx;
			margin-right: 40rpx;
			margin-top: 36rpx;
		}
	}
	.detailsContent {
		width: 100%;
		overflow: hidden;
		.detislNa {
			display: flex;
			margin-top: 60rpx;

			.naC {
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #303133;
				// margin-left: 186rpx;
			}
		}
		.detislNaa {
			display: flex;
			margin-top: 60rpx;

			.naC {
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #303133;
				// margin-left: 113rpx;
			}
		}
		.detislNas {
			display: flex;
			margin-top: 60rpx;

			.naC {
				width: 394rpx;
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #303133;
				// margin-left: 186rpx;
				word-wrap: break-word;
				line-height: 55rpx;
				margin-left: 16rpx;
			}
		}
	}
}
.na {
	font-size: 36rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #303133;
	min-width: 160rpx;
	margin: 0 0 0 40rpx;
}
</style>
